<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="Content-type" name="viewport" content="initial-scale=1.0, maximum-scale=2.0, width=device-width">
	<title>SIMSIS</title>
	<link rel="stylesheet" href="jquery-mobile/theme-uis.min.css" />
	<link rel="stylesheet" href="jquery-mobile/jquery.mobile.icons.min.css" />
	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.3/jquery.mobile.structure-1.4.3.min.css" />
	<link rel="stylesheet" href="css/theme-extra.css"> 
	<script type="text/javascript"  src="js/js-extra.js"></script>
	<script src="js/jquery-1.11.1.js"></script>
	<script src="jquery-mobile/jquery.mobile-1.4.3.min.js"></script>
	<script type="text/javascript" charset="utf-8" src="cordova.js"></script>	
</head>
<body onload="init()">


<!-- pagina de logueo-->
	<div id="loginPage" data-role="page" data-theme="a">
		<div data-role="header" data-position="fixed" data-theme="a" >
			<h1>Autenticacion</h1>
		</div>
		       
		<div data-role="content" data-theme="a">	
			
	    <form id="loginForm">
        <div data-role="fieldcontain" class="ui-hide-label">
            <label for="username">Username:</label>
            <input type="text" name="username" id="username" value="" placeholder="Username" />
        </div>
 
        <div data-role="fieldcontain" class="ui-hide-label">
            <label for="password">Password:</label>
            <input type="password" name="password" id="password" value="" placeholder="Password" />
        </div>
 
        <input type="submit" value="Login" id="submitButton">
        </form>
        
		</div>
			<div data-role="footer" data-position="fixed">
			<h1>Estudiante</h1>
		</div>			
	</div>
	
   
   <!-- pagina de menu de modulos-->
   <div id="menuPage" data-role="page">

    <div id="usuario" data-role="header" data-position="fixed" data-theme="a" >
    <h1>Construimos futuro</h1>
	   <a class="ui-btn-left ui-alt-icon ui-nodisc-icon ui-btn ui-icon-power ui-btn-icon-notext ui-corner-all" data-role="button" role="button">Power</a>
       <a class="ui-btn-right ui-alt-icon ui-nodisc-icon ui-btn ui-icon-user ui-btn-icon-notext ui-corner-all" data-role="button" role="button">Power</a>
       </div>

    <div data-role="content">    
     
     <ul data-role="listview" data-inset="true" >
        <li data-role="list-divider">Modulos</li>
        <li><a href="#simsisPage">SIMSIS</a></li>
        <li><a href="docs/about/features.html">Beneficios</a></li>
        <li><a href="docs/about/accessibility.html">Comedores</a></li>
        <li><a href="docs/about/platforms.html">Minutas</a></li>
     </ul>
		        
    </div>

    <div data-role="footer" data-position="fixed">
        <h4>&copy; Camden Enterprises</h4>
    </div>
  </div>

  <!-- pagina de modulo simsis-->
   <div data-role="page" id="simsisPage">
  <div data-role="panel" id="myPanel" data-theme="a"> 
     <ul data-role="listview"> 
      <li data-icon="false"><a href="#citaPage" class="panel_li"  >Solicitar Cita</a></li> 
      <li data-icon="false"><a href="#" class="panel_li"  >Consulta de Citas</a></li>
      <li data-icon="false"><a href="#" class="panel_li"  >Perfil</a></li>  
      <li data-icon="false"><a href="#" class="panel_li"  >Salir</a></li> 
  </div> 

  <div data-role="header" data-theme="a" >
    <h1>Page Header</h1>
    <a href="#myPanel" id="abre_panel" class="ui-btn ui-btn-inline ui-corner-all ui-shadow" ></a>
        <div data-role="navbar">
        <ul>
            <li><a href="#">Division de Bienestar Universitario </br>
            Citas - Solicitud y asignacion de citas</a></li>
        </ul>
    </div>
  </div>

  <div data-role="content" class="ui-content">  
  </div>

  <div data-role="footer" data-position="fixed" data-theme="a" >
    <h1>Page Footer</h1>
  </div> 
</div> 

<!-- pagina solicitar cita-->
   <div id="citaPage" data-role="page">

    <div id="usuario" data-role="header" data-position="fixed" data-theme="a" >
    <h1>Construimos futuro</h1>
	   <a class="ui-btn-left ui-alt-icon ui-nodisc-icon ui-btn ui-icon-power ui-btn-icon-notext ui-corner-all" data-role="button" role="button">Power</a>
       <a class="ui-btn-right ui-alt-icon ui-nodisc-icon ui-btn ui-icon-user ui-btn-icon-notext ui-corner-all" data-role="button" role="button">user</a>
        <div data-role="navbar">
        <ul>
            <li><a href="#">Division de Bienestar Universitario </br>
            Citas - Solicitud y asignacion de citas</a></li>
        </ul>
    </div>    
    </div>

    <div data-role="content">  
      
     	<form id="citaForm">
     	
        <label >Codigo:</label>
        <label >2051635 LUZK</label>      
        
        <!--pendiente como llamar javascript que actualice el siguiente combo cuando escojo aqui -->
        <label for="select-choice-0" class="select">Fecha:</label>
        <select name="select-choice-0" id="select-choice-0" onchange="comboFecha(this)">
        <option value="0">Seleccione...</option>
        <option value="1">jueves 17 agosto</option>
        <option value="2">viernes 18 agosto</option>
        <option value="3">Lunes 21 de agosto</option>
        </select>
        
        <label for="select-choice-1" class="select">Especialidad:</label>
        <select name="select-choice-1" id="select-choice-1" onchange="comboEspecialidad(this)">
        <option value="0">Seleccione...</option>
        <option value="1">ESPALDA SANA</option>
        <option value="2">PAMRA</option>
        <option value="3">PSICOLOGIA</option>
        <option value="4">PSIQUIATRIA</option>
        <option value="5">TRABAJO SOCIAL</option>
        <option value="6">PRUEBA 2</option>
        <option value="7">PRUEBA 3</option>
        <option value="8">PRUEBA 4</option>
        <option value="9">PRUEBA 5</option>
        <option value="10">PRUEBA 6</option>
        <option value="11">PRUEBA 7</option>
        </select>
        
        <label for="select-choice-2" class="select">Profesional:</label>
        <select name="select-choice-2" id="select-choice-2">
        <option value="0">Seleccione...</option>
        <option value="1">Luz Carolina Jaimes</option>
        </select>
 
        <input type="submit" value="CREAR" id="crearButton">
        </form>
   		        
    </div>

    <div data-role="footer" data-position="fixed">
        <h4>&copy; Camden Enterprises</h4>
    </div>
  </div>


   
</body>
</html> 